.page{
	color: #3D3C43;
	padding-bottom: px(58);
	box-sizing: border-box;
	.s1{
		padding: px(12) px(15);
		.wrap{
			position: relative;
			background: #FFFFFF;
			box-shadow: 0px px(1) px(1) 0px rgba(0, 0, 0, 0.06);
			border-radius: px(4);
			color: #666;
			.divider{
				height: 0;
				background: none;
				border-bottom: dashed px(1) #f1f1f1;
			}
			.inp{
				display: block;
				width: 100%;
				height: px(50);
				line-height: px(50);
				text-align: right;
				font-size: px(16);
				color: #3D3C43;
				border: 0;
				.input-placeholder{
					color: #a0a0a4;
					font-weight: inherit;
				}
			}
			.avatar{
				position: relative;
				width: px(36);
				height: px(36);
				.img{
					display: block;
					width: px(36);
					height: px(36);
					border-radius: px(2);
				}
				.del{
					position: absolute;
					top: 0;
					right: 0;
					width: px(18);
					height: px(18);
					background: url("./assets/icon-2.png") center no-repeat;
					background-size: contain;
					transform: translate(50%,-50%);
					border-radius: 50%;
				}
				&.add{
					position: relative;
					width: px(26);
					height: px(26);
					background: url("./assets/icon-1.png") center no-repeat;
					background-size: contain;
					overflow: hidden;
					.file{
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						opacity: 0;
						cursor: pointer;
					}
				}
			}
		}
	}
}

